    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
         <script src="/Public/js/jquery.min.js"></script> 

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/frozen.css">
        <style type="text/css">
        .user-pic{
            display: block;
            width: 100px;
            height: 100px;
            margin: 0 auto;
            margin-top: 20px;
            margin-bottom: 10px;
            border-radius: 50%;
            /*background-image: url(img/raodaqi.jpg);*/
            background-size: 100% 100%;
        }
        .user-name{
            text-align: center;
            font-size: 17px;
            color:#626669;
        }
        .title-bar{
            background-color: white;
            padding: 10px;
        }
        .user-content{
            width: 100%;
            background-color: white;
            margin: 0;
            padding:0;
            margin-top: 10px;
            padding: 20px 0;
        }
        .user-content img{
            width: 51px;
            height: 51px;

        }
        .list{
            width: 100%;
            background-color: white;
            height: 200px;
            display: inline-table;
            text-align: center;
        }
        .list li{
            display: inline-table;
            width: 33.3%;
            height: 40%;
            margin-top: 10px;
        }
        a{
            color: black;
        }
        a:focus, a:hover,a:active{
            text-decoration: none !important;
        }
        </style>
    </head>
    <body>
        <div class="content">
            <div class="title-bar">
               <!--  <div class="user-pic"></div> -->
               <a href="/addon/JianCai/JianCai/userMessage.html"><img class="user-pic" src="{$user['headimgurl']}"/></a>
                <div class="user-name">{$user['name']}</div>
            </div>

            <div class="user-content">
                <ul class="list">
                    <li class="user-message">
                    <a href="/addon/JianCai/JianCai/userMessage.html">
                        <img src="/Public/img/个人资料.svg">
                        <p>个人资料</p>
                    </a>
                    </li>
                    <li class="user-usePeople">
                        <a href="/addon/JianCai/JianCai/userUp.html">
                            <img src="/Public/img/我的用人.svg">
                            <p>我的用人</p>
                        </a>
                    </li>
                    <li class="">
                         <a href="myCollect.html">
                            <img src="/Public/img/我的推荐.svg">
                            <p>我的推荐</p>
                        </a>
                    </li>
                    <li class="">
                        <a href="messageCenter.html">
                            <img src="/Public/img/消息.svg">
                            <p>消息中心</p>
                        </a>
                    </li>
                    <li class="">
                        <a href="wallet.html">
                            <img src="/Public/img/我的钱包.svg">
                            <p>我的钱包</p>
                        </a>
                    </li>
                    <li class="">
                        <a href="myCollect.html">
                            <img src="/Public/img/我的收藏.svg">
                            <p>我的收藏</p>
                        </a>
                    </li>
                </ul>
            </div>
            </div>

        <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn " data-navbar = "index">
                    <img src="/Public/img/我要推荐.svg">
                    <div>我要推荐</div>
                </div>
                <div class="container-btn" data-navbar = "usePeople">
                    <img src="/Public/img/我要用人.svg">
                    <div>我要用人</div>
                </div>
                <div class="container-btn container-btn-checked" data-navbar = "user">
                    <img src="/Public/img/个人中心（导航栏）.svg">
                    <div>个人中心</div>
                </div>
            </div>
        </nav>
    </body>
    <script type="text/javascript">

        $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
    </script>
    </html>